<script>
	let name = "worlds";

	function showAlert() {
		console.log("showAlert?");
		plus.nativeUI.alert(
			"Hello HTML5 plus!\nsvleteDemo",
			function () {
				console.log("User pressed!");
			},
			"nativeUI",
			"OK"
		);
	}
</script>

<main>
	<h1>Hello {name}!</h1>
	<p>
		Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn
		how to build Svelte apps.
		svelte+h5App创建完毕~~
	</p>
	<button
		on:click={() => {
			showAlert();
		}}>按钮</button
	>
</main>

<style>
	main {
		text-align: center;
		padding: 1em;
		max-width: 240px;
		margin: 0 auto;
	}

	h1 {
		color: #ff3e00;
		text-transform: uppercase;
		font-size: 4em;
		font-weight: 100;
	}

	@media (min-width: 640px) {
		main {
			max-width: none;
		}
	}
</style>
